﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-uk">
<head>
<title>jquery styleswitcher - kelvinluck.com</title>
<link rel="stylesheet" type="text/css" href="/site_media/css/demo/styles1.css" title="styles1" media="screen">
<link rel="stylesheet" type="text/css" href="/site_media/css/demo/styles2.css" title="styles2" media="screen">
<link rel="stylesheet" type="text/css" href="/site_media/css/demo/styles3.css" title="styles3" media="screen">
<script type="text/javascript" src="/site_media/js/lib/jquery.js"></script>
<script type="text/javascript" src="/site_media/js/common/common.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	$('.styleswitch').click(function()
	{
		switchStylestyle(this.getAttribute("rel"));
		return false;
	});
	loadStyle();
});
</script>
</head>

<body>
<h1>不刷新更改css</h1>
<ul>
  <li><a href="###" rel="styles1" class="styleswitch">styles1</a></li>
  <li><a href="###" rel="styles2" class="styleswitch">styles2</a></li>
  <li><a href="###" rel="styles3" class="styleswitch">styles3</a></li>
</ul>
<h1>刷新更改css,利用后台传入href='{{stylePath}}'即可</h1>
<ul>
  <li><a href="###" rel="styles1" class="">styles1</a></li>
  <li><a href="###" rel="styles2" class="">styles2</a></li>
  <li><a href="###" rel="styles3" class="">styles3</a></li>
</ul>
</body>
</html>
